.page{
  position: relative;
}
.activity {
  background-color: #ffffff;
  border-radius: 24rpx;
  box-shadow: 0px 4rpx 32rpx #0000001a;
  margin-bottom: 20rpx;
  padding-bottom: 16rpx;
 
  // overflow: hidden;
  position: relative;
  .cover {
    width: 100%;
    height: 330rpx;
    display: block;
    border-radius: 26rpx;
  }

  .po {
    width: 132rpx;
    height: 69rpx;
    position: absolute;
    top: 20rpx;
    left: -14rpx;
    .icon {
      width: 132rpx;
      height: 69rpx;
     
    }
    .give {
      width: max-content;
      position: absolute;
      top: 14rpx;
      left: 50%;
      transform: translateX(-50%);
      z-index: 2;
      color: #ffffff;
      font-size: 24rpx;
    }
  }
  .authorize{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: red;
  }
  .btnBox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 22rpx;
    margin: 46rpx 0 56rpx 0;
    view{
      width: 310rpx;
      height: 96rpx;
      line-height: 96rpx;
      text-align: center;
      font-size: 32rpx;
      border-radius: 48rpx;
      box-shadow: 4rpx 4rpx 16rpx #799a9440 , -6rpx -6rpx 20rpx #ffffff ;
    }
    .close{
      color: #034236;
      border: 1rpx solid #034236;
    }
    .go{
      background-image: linear-gradient(95.5deg, #048a73 0%, #034236 100%);
      color: #ffffff;
    }
  }
  

  .ell1 {
    margin:0 30rpx;
  }

  .title {
    color: #121212;
    font-size: 34rpx;
    font-weight: 700;
    margin-top: 10rpx;
  }

  .time {
    color: #949595;
    font-size: 24rpx;
    margin-top: 12rpx;
  }

  .desc {
    color: #949595;
    font-size: 28rpx;
    // margin-top: 10rpx;
  }
  .go{
    width: 174rpx;
    height: 62rpx;
  }
}
.activity2{
  border: solid 3rpx #52b490; 
  background-color: #EEF8F4;
}